.btn {
	cursor: pointer;
}

.btn-primary {
	@include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
}

.btn-secondary {
	@include button-variant($btn-secondary-color, $btn-secondary-bg, $btn-secondary-border);
}

.btn-info {
	@include button-variant($btn-info-color, $btn-info-bg, $btn-info-border);
}

.btn-success {
	@include button-variant($btn-success-color, $btn-success-bg, $btn-success-border);
}

.btn-warning {
	@include button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border);
}

.btn-danger {
	@include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border);
}

// Remove all backgrounds
.btn-outline-primary {
	@include button-outline-variant($btn-primary-bg);
}

.btn-outline-secondary {
	@include button-outline-variant($btn-secondary-border);
}

.btn-outline-info {
	@include button-outline-variant($btn-info-bg);
}

.btn-outline-success {
	@include button-outline-variant($btn-success-bg);
}

.btn-outline-warning {
	@include button-outline-variant($btn-warning-bg);
}

.btn-outline-danger {
	@include button-outline-variant($btn-danger-bg);
}

.btn-outline-white {
	@include button-outline-variant($color-lightest);
}

//
// Link buttons
//

// Make a button look and behave like a link
.btn-link {
	color: $link-color;

	&:hover,
	&:focus {
		color: $link-hover-color;
		text-decoration: $link-hover-decoration;
		background-color: transparent;
	}

	&:disabled {
		&:hover,
		&:focus {
			color: $btn-link-disabled-color;
			text-decoration: none;
		}
	}
}
